import styled from 'styled-components'
export const SongsCoverWrapper = styled.div`
    
    width:140px;
    height:204px;
    margin-left:10px;
    .cover-top{
        width:140px;
        height:140px;
        img{
        
        display:block;
        width:100%;
        height:100%
    }
    
    }
    .cover-bottom{
        position:relative;
        bottom:27px;
        height:27px;
        width:140px;
        line-height:27px;
        
        background:rgba(0, 0, 0, 0.4);
        
        .erji{
            display:inline-block;
            width:14px;
            height:11px;
            background:url(${require('@/assets/img/sprite_icon.png').default}) no-repeat;
            background-position: 0 -24px;
            margin:0 5px;
        }
        .text{
            color:white;
        }
        .listen{
            display:inline-block;
            width:16px;
            height:18px;
            margin-left:55px;
            position: relative;
            top:3px;
            background:url(${require('../../assets/img/sprite_icon.png').default}) no-repeat;
            background-position: 0 0;
        }
    }
    .cover-source{
        .name{
            position: relative;
            bottom:23px;
            font-size:14px;
        }
    }
    

`